<html>
	<head>
		<!-- 模拟rthe.xyz的安全环境，不能用onxxxx=""和style=""和data URL-->
		<meta http-equiv="Content-Security-Policy" content="img-src https:; media-src https:; upgrade-insecure-requests">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
		<!--<link rel="shortcut icon" href="https://z3.ax1x.com/2021/06/20/RihZy6.png" type="image/png"/>-->
		<!--<link rel="icon" href="https://z3.ax1x.com/2021/06/20/RihZy6.png" type="image/png"/>-->
		<!--<meta name="viewport" content="width=device-width,user-scalable=no"></meta>-->
		<!-- JSzip 来自于 https://cdn.bootcss.com/jszip/2.1.0/jszip.min.js -->
		<title>SAE.htm</title>
		<link rel="stylesheet" href="sae.css"/>
	</head>
	<body>
		<span id="_loading">
			<noscript><div class="noscript">您的浏览器不支持Javascript.</div></noscript>
			<span>LOADING</span>
		</span>
		<div id="nav">
			<div>
				<a id="navReturn" href="javascript:;">返回</a>
				<ul>
					<li><a href="#home">主页</a></li>
					<li><a href="#stat">统计</a></li>
					<li><a href="#disp">积木</a></li>
					<li><a href="#check">查错</a></li>
					<li><a href="#graph">流程</a></li>
					<li><a href="#eval">评估</a></li>
					<li><a href="#diff">比较</a></li>
					<li><a href="#tools">其它</a></li>
				</ul>
				<ul id="navRight">
					<li><a href="#file">文件</a></li>
					<li><a href="#options">选项</a></li>
					<li><a href="#about">关于</a></li>
					<li><a href="#more">更多</a></li>
				</ul>
			</div>
		</div>

		<div class="content" label="home">
			<center>
				<button class="box click" href="#file">点击这里选择文件</button>
			</center>
		</div>

		<div class="content" label="stat">
			<h1>积木类型统计</h1>
			<div id="stat_1" class="stat">
				<svg class="stat_graph" width="300" height="300" viewbox="-150,-150,300,300">
					<circle cx="0" cy="0" r="140" fill="lightgrey"></circle>
				</svg>
				<ul class="stat_list">
					<li>(未选择文件)</li>
				</ul>
			</div>
			<h1>拓展类型统计</h1>
			<div id="stat_2" class="stat">
				<svg class="stat_graph" width="300" height="300" viewbox="-150,-150,300,300">
					<circle cx="0" cy="0" r="140" fill="lightgrey"></circle>
				</svg>
				<ul class="stat_list">
					<li>(未选择文件)</li>
				</ul>
			</div>
			<h1>逻辑分支数:<span class="checkid" id="stat_3">(未选择文件)</span></h1>
			<ul>
				<li>判断、循环分支: <span class="checkid" id="stat_3_1">(未选择文件)</span></li>
				<li>广播、事件分支: <span class="checkid" id="stat_3_2">(未选择文件)</span></li>
			</ul>
			<h1>引用分支数:<span class="checkid" id="stat_4">(未选择文件)</span></h1>
			<ul>
				<li>事件触发: <span class="checkid" id="stat_4_1">(未选择文件)</span></li>
				<li>自定义积木调用: <span class="checkid" id="stat_4_2">(未选择文件)</span></li>
			</ul>
			<h1>积木气泡图<a class="checkid" href="https://ccw.site/post/monument-valley-in-scratch-part1/">来源</a></h1>
			<div id="stat_2" class="stat">
				<svg width="600" height="400" viewbox="0,0,600,400">
					<path d="M0,0 0,600 600,600 600,0Z" fill="lightgrey"></path>
				</svg>
			</div>
			<br/>
		</div>

		<div class="content" label="disp">
			<div class="fliter">
				<select id="disp_spri" class="click">
					<option>(未选择文件)</option>
				</select>
				<select id="disp_block" class="click">
					<option>(未选择文件)</option>
				</select>
			</div>
			<span id="disp_search">
				<input type="TEXT" id="disp_search_input" autocomplete="off"/>
				<ul id="disp_search_result"></ul>
			</span>
			<div id="disp_content_pointer"></div>
			<div id="disp_content" class="sccode">(未选择文件)</div>
		</div>

		<div class="content" label="check">
			<div class="fliter">
				<span id="check_spri">
					<label>(未选择文件)</label>
					<span class="expand"></span>
				</span>
				<span id="check_warn">
					<label>(未选择文件)</label>
					<span class="expand"></span>
				</span>
			</div>
			<ul id="check_list"></ul>
		</div>

		<div class="content" label="graph">
			<center>
				<span class="graph_center">
					<svg width="600" height="600" id="graph"></svg>
					<ul id="graph_btn">
					</ul>
				</span>
			</center>
		</div>

		<div class="content" label="eval">
		</div>

		<div class="content" label="diff">
		</div>

		<div class="content" label="tools">
			<h1>移除拓展</h1>
			选择要移除的拓展：
			<select multiple="multiple" size="10" id="tools_removeext"></select>
			<button class="click">移除这些拓展后下载作品</button>
		</div>

		<div class="content" label="options">
			<div id="options">
				<br/>
				<input type="checkbox" name="graph.noBlockId"></input>流程图里不显示积木<br/>
				搜索的测试文本个数:<input type="number" name="search.testcount"></input><br/>
				搜索最大结果个数:<input type="number" name="search.count"></input><br/>
				搜索时启用拼音和符号联想:<input type="checkbox" name="search.relative"></input><br/>
				忽略大小写<input type="checkbox" name="search.ignorecase"></input><br/>
				忽略全/半角<input type="checkbox" name="search.ignorewide"></input><br/>
				显示积木输入的类别(会影响分析，重新加载文件生效)<input type="checkbox" name="_OrigInputType"></input><br/>
			</div>
		</div>

		<div class="content" label="about">
		</div>

		<div class="content" label="more">
		</div>

		<div class="content" label="file">
			<ul id="filelist"></ul>
		</div>

		<script src="IS.js"></script>
		<script src="jszip.js"></script>
		<script>var SAE={};</script>
		<script src="SAE-init.js"></script>
		<script src="SAE-file.js"></script>
		<script src="SAE-json-fast.js"></script>
		<!--<script src="SAE-json.js"></script>-->
		<script src="SAE-disp.js"></script>
		<script src="SAE-disp-table.js"></script>
		<script src="SAE-check.js"></script>
		<script src="SAE-graph.js"></script>
		<script src="SAE-stat.js"></script>
		<script src="SAE-tools.js"></script>
		<script src="SAE-search-table.js"></script>
		<script src="SAE.js"></script>
	</body>
</html>

